<template>
  <div class="swiper_component">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" loop>
      <van-swipe-item v-for="(item, index) in swiperList" :key="index">
        <van-image
          :src="$filters.prefix(item.carouselUrl)"
          style="width: 100%"
        />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
interface Props {
  swiperList: object;
}
export default defineComponent({
  components: {},
  props: {
    swiperList: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
});
</script>
<style lang="scss" scoped>
</style>
